<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Register Form</title>
        <link rel="shortcut icon" href="images/register.png"> 
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <style>
            body {
                background: url(images/bgRegister.jpg);
            }
            #display
            {
                text-align: center;
                color: red;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div align = "center" style=" color: #000; font-size: 18px; margin-top: 20px;">                
                <h2>Flappy bird</h2>
                <h4 style="font-size: 18px; margin-top: 10px">Tạo tài khoản đăng nhập.</h4>	
            </div>
            <section class="main">
                <form class="form-1" method="post">
                    <h1 align="center"><span class="sign-up">Đăng ký</span></h1>
                    <p>
                        <label for="login"><i class="icon-user"></i>HỌ VÀ TÊN</label>
                        <input type="text" name="hovaten" placeholder="Tên đăng nhập">
                    </p>
                    <p>
                        <label for="login"><i class="icon-user"></i>TÊN ĐĂNG NHẬP</label>
                        <input type="text" name="username" placeholder="Tên đăng nhập">
                    </p>		
                    <p>
                        <label for="login"><i class="icon-user"></i>Địa chỉ email</label>
                        <input type="text" name="email" placeholder="Địa chỉ email">
                    </p>	
                    <p>
                        <label for="password"><i class="icon-lock"></i>MẬT KHẨU</label>
                        <input type="password" name="password" placeholder="Mật khẩu">
                    </p>		
                    <p>
                        <label for="password"><i class="icon-lock"></i>Xác nhận MẬT KHẨU</label>
                        <input type="password" name="passwordConfirm" placeholder="Xác nhận Mật khẩu">
                    </p>
                    <table align ="center">
                        <tr>
                            <td>
                                <input type="submit" name="dangky" value="Đăng ký" style="font-size:18px; color: #FF0; border: none; background: url(images/btRegister.png); width:130px; height: 50px"/>
                            </td>
                            <td>
                                <a href="../index.php"><input type="button" name="trangchu" value="Trang Chủ" style="font-size:18px; color: #FF0; border: none; background: url(images/btRegister.png); width:130px; height: 50px"/></a>
                            </td>
                        </tr>
                    </table>
                </form>​​
            </section>

        </div>
        <div id="display">
         <!- Xử lý Đăng NHập->
        <?php
            $con=  mysql_connect("localhost","root","");
            mysql_select_db("ltm",$con);
            $sql="select * from user";
            $query=  mysql_query($sql);
            $count=0;
            $arrayusername=array(1000);
            if(mysql_num_rows($query)==0)
            {
                
            }
            else
            {
                while($row=  mysql_fetch_array($query))
                {
                    $arrayusername[$count]=$row['username'];
                    $count++;
                }
            }
            if(isset($_POST['dangky']))
            {
                $ktusername=0;
                $name=$_POST['hovaten'];
                $usernamedk=$_POST['username'];
                $passworddk=$_POST['password'];
                $email=$_POST['email'];
                $passwordconfirm=$_POST['passwordConfirm'];
                if($name==null||$usernamedk==null||$passworddk==null||$passwordconfirm==null||$email==null)
                {
                    
                    echo "<div align = 'center' style = 'color: red; font-size: 18px'>Các Trường Không Được Rỗng. Hãy nhập lại! </div>";
                }
                else
                {
                    for($i=0;$i<$count;$i++)
                    {
                        if($arrayusername[$i]==$usernamedk)
                        {
                            $ktusername=1;
                            break;
                        }
                    }
                    if($ktusername==1)
                    {
                        echo '<script type="text/javascript">alert("Tài khoản đã tồn tại. Hãy đăng ký một tài khoản khác!")</script>';
                    }
                    else
                    {
                        if($passworddk!=$passwordconfirm)
                        {
                            echo "<div align = 'center' style = 'color: red; font-size: 18px'>Mật khẩu không trùng nhau. Hãy nhập lại!</div>";
                        }
                        else
                        {
                            $sql="INSERT INTO user VALUES('','$name','$usernamedk','$passworddk','$email','anhdaidien.jpg')";
                            mysql_query($sql);
                            $sql="INSERT INTO bangxephang VALUES('','anhdaidien.jpg','$usernamedk','0')";
                            mysql_query($sql);
                            echo '<script type="text/javascript">alert("Tài khoản của bạn đã đăng ký thành công!");</script>';
                            echo '<script type="text/javascript">location.href = "../index.php"</script>';
                        }
                    }
                }
            }   
        ?>
        </div>
        <script type="text/javascript">
            $(function() {
                $(".showpassword").each(function(index, input) {
                    var $input = $(input);
                    $("<p class='opt'/>").append(
                            $("<input type='checkbox' class='showpasswordcheckbox' id='showPassword' />").click(function() {
                        var change = $(this).is(":checked") ? "text" : "password";
                        var rep = $("<input placeholder='Mật kh' type='" + change + "' />")
                                .attr("id", $input.attr("id"))
                                .attr("name", $input.attr("name"))
                                .attr('class', $input.attr('class'))
                                .val($input.val())
                                .insertBefore($input);
                        $input.remove();
                        $input = rep;
                    })
                            ).append($("<label for='showPassword'/>").text("Hiện mật khẩu")).insertAfter($input.parent());
                });

                $('#showPassword').click(function() {
                    if ($("#showPassword").is(":checked")) {
                        $('.icon-lock').addClass('icon-unlock');
                        $('.icon-unlock').removeClass('icon-lock');
                    } else {
                        $('.icon-unlock').addClass('icon-lock');
                        $('.icon-lock').removeClass('icon-unlock');
                    }
                });
            });
        </script>
       
    </body>
</html>